<template>
  <div class="Footer">
    <div class="firstrow">
        <el-row :style="{width:$store.state.screenWidth+'px'}">
            <el-col :span="6"> 
                <el-row style="margin-top: -10px;">
                    <el-col :span="7" class="sina" style="border:none"></el-col>
                     <el-col :span="12" style="border:none"><img src="@/assets/img/ma01.png" alt="" width="85" height="85"></el-col>
                </el-row>
                 <el-row style="margin-top: -10px;">
                    <el-col :span="7" class="weixin" style="border:none"></el-col>
                     <el-col :span="12" style="border:none"><img src="@/assets/img/ma02.png" alt="" width="85" height="85"></el-col>
                </el-row>
                
                    
            </el-col>
            <el-col :span="8" class="footer-mid">
                <h4>@ 北京师范大学</h4>
                <p>花不语，鸟轻啼
                    连雨不知春已去
                    五月携着晚风来</p>
            </el-col>
            <el-col :span="8" class="footer-mid">
                <h4 class="wx">@ 北京师范大学</h4>
                <p style="width:130px ;">北国的春，迟缓但热烈
                    斜照暖阳，温润微风
                    油绿青草，氤氲花香
                    师大之美，馨香四方</p>
            </el-col>
        </el-row>

    </div>
    <div class="secondrow">
        <el-row :style="{width:$store.state.screenWidth+'px'}">
            <el-col :span="4">
            <p>
                © 版权所有 北京师范大学 
            </p></el-col>
            <el-col :span="7">
            <p>
               地址：北京市新街口外大街19号    邮编：100875
            </p></el-col>
            <el-col :span="8">
            <p>
                 京ICP备10031106号-58 京公网安备110402430002号
            </p></el-col>
            <el-col :span="5">
            <span style=""> </span>
            <p style=" border-right: none;">
                <span></span> 电话查号台：010-58806183
            </p>
            </el-col>
        </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FooterCom',
 
}
</script>


<style scoped lang="less">
.Footer{
    
    background-color: aliceblue;
    width: 100%;
    .firstrow{
        
        .el-row{
            margin: auto;
            .footer-mid{
                margin-left: 40px;
          
                h4{
                background: url(../assets/img/small_sina.png) no-repeat left center;
                background-size: 20px 20px;
                padding-left: 40px;
                margin-bottom: 40px;
                margin-top: 10px;
                }
                .wx{
                background: url(../assets/img/small_weixin.png) no-repeat left center;
                background-size: 20px 20px;
                padding-left: 40px;
                margin-bottom: 40px;
                margin-top: 10px;
                }
                p{
                    width: 100px;
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 25px;
                    
                }
            }
            .el-col{
                padding: 10px 0 0 0;
                border-right:1px solid black ;
                .sina{
                          margin-top: 10px;
                            height: 85px;
                            background: #00aecd url(../assets/img/sina.png) no-repeat 25px center;
                           
                }
                .weixin{
                            margin-top: 10px;
                            width: 85px;
                            height: 85px;
                            background: #2a79a7 url(../assets/img/weixin.png) no-repeat 20px  center;
                }
              
                
                
            }
        }
    }
    .secondrow{
        background-color: #064070;
        .el-row{
            margin: auto;
           
            padding-right:20px;
            .el-col{
               
                p{
                    font-size: 14px;
                    color: aliceblue;
                     border-right: 1px solid rgb(7, 103, 163);
                     padding-left: 20px;

                   span{
                    background: url(../assets/img/tel_bg.png) left center no-repeat;
                    background-size: 20px 20px;
                    padding-left: 20px;
                    margin-right: 10px;
                   }
                }
            }
        }
    }
}
</style>
